﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master.master" AutoEventWireup="true" CodeFile="Automovel.aspx.cs" Inherits="Automovel" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script type="text/javascript">
        $(document).ready(function () {
            $('#slider1').s3Slider({
                timeOut: 4000
            });
        });



	    $(function () {

	        //var largura = (((1050 * screen.width) / 1320) + 10);

	        //alert(reducao);

	        //if (screen.heigth > 768) {
	            largura = 1050;
	            altura  = 818;
	        //}

	        $('#dialog').dialog({
	            autoOpen: false,
	            height: screen.heigth,
	            width: largura,
	            modal: true
	        });

	        $('#dialog2').dialog({
	            autoOpen: false,
	            height: 640,
	            width: 830,
	            modal: true
	        });

	        $('.dialog_link').click(function () {
	            $('#dialog').dialog('open');
	            return false;
	        });

	        $('#dialog_link2').click(function () {
	            $('#dialog').dialog('open');
	            return false;
	        });
	        //hover states on the static widgets
	        $('.dialog_link, ul#icons li').hover(
				function () { $(this).addClass('ui-state-hover'); },
				function () { $(this).removeClass('ui-state-hover'); }
			);
	        $('#dialog_link2, ul#icons li').hover(
				function () { $(this).addClass('ui-state-hover'); },
				function () { $(this).removeClass('ui-state-hover'); }
			);
	    });
		function TrocaImagem(url)
        {
            var imagem = document.getElementById("imgFull");
            imagem.src = url;
            //var x = (screen.width * 1024) / 1320;
            //var y = (768 * x) / 1024;

            var x = (screen.heigth * 1024) / 768;
            var y = (768 * x) / 1024;
            if (screen.heigth >= 768) {
                imagem.width = x;
                imagem.height = y;
            }
            $('#dialog').dialog('open');            
        }

	</script>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="cphPagina" Runat="Server">    
    <div id="bannerPrincipal">
         <div id="slider1">
              <ul id="slider1Content">
                  <asp:Literal ID="ftBanner" runat="server" Text=""></asp:Literal>
                  <div class="clear slider1Image"></div>
               </ul>
          </div>
          <div id="bannerLateral">
               <img src="Imagens/adSenseLateral.jpg" alt="" />
          </div>
         
        <div id="veiculosRepeater1" > 
        <div id="descricao" >
            <h1>
                <asp:Literal ID="descrCarro" runat="server" Text=""></asp:Literal>
            </h1>
            <p> <asp:Literal ID="detalhesCarro" runat="server" Text=""></asp:Literal></p>
            <p> <asp:Literal ID="detalheVenda" runat="server" Text=""></asp:Literal></p>
                <p> <asp:Literal ID="observacoes" runat="server" Text=""></asp:Literal></p>
            <hr />
        </div>
            <asp:Repeater ID="rptVeiculos" runat="server" onitemdatabound="rptVeiculos_ItemDataBound"  onitemcommand="rptVeiculos_ItemCommand" >        
                    <ItemTemplate>
                        <div style=" width:120px; height:140px; float:left; " >
                            <div style="Float:left; vertical-align:middle;">
                                <p><asp:Image ID="imgAutomovel" ImageUrl="Imagens/noPhoto.png"  CommandName="AbrirFoto" Width="100px" runat="server" /></p> 
                            </div>            
                        </div>            
                    </ItemTemplate>
                </asp:Repeater>    
            <div style="clear:both;"></div>
        <asp:Panel ID="pnlCarrosReacionados" runat="server">
        <div>
        <h1>Carros Relacionados</h1>
            
        </div>
        <div id="veiculosRepeater" >                   
            <asp:Repeater ID="rptAutomoveisRelacionados" runat="server" 
                onitemdatabound="rptAutomoveisRelacionados_ItemDataBound" >        
                <ItemTemplate>
                <div style=" width:330px; height:120px; float:left; " >
                    <div style="Float:left; vertical-align:middle;">
                        <asp:ImageButton ID="imgAutomovel" ImageUrl="Imagens/noPhoto.png" Width="100px" runat="server"  BorderColor="#d4d0c8" BorderWidth="4"/>
                    </div>
                    <div style="Float:left;">
                        <asp:Literal ID="ltTitulo" Text="Titulo" runat="server" ></asp:Literal> 
                    </div>            
                    <div style="Float:left;">
                        <br />
                        <asp:Literal ID="ltTexto" Text="Texto texto texto texto" runat="server" ></asp:Literal>
                    </div>
                </div>
                </ItemTemplate>
                <FooterTemplate>
                    </table>
                </FooterTemplate>
            </asp:Repeater>
        </div>
    </asp:Panel>
        
    </div>            
        
    </div>
    
    
     
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="cphRodape" Runat="Server">  


<div id="dialog" title="Fotos">
        <img id="imgFull"  alt="" />
    </div> 
</asp:Content>

